@charset "utf-8";
var{font-style:normal;}
[v-cloak]{display:none}
.unclick{pointer-events:none}

@keyframes rotation{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-moz-keyframes rotation{
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-o-keyframes rotation{
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(360deg);}
}
@keyframes myfirst{from{opacity:0}
    to{opacity:1}
}
@-moz-keyframes myfirst{from{opacity:0}
    to{opacity:1}
}
@-webkit-keyframes myfirst{from{opacity:0}
    to{opacity:1}
}
@-o-keyframes myfirst{from{opacity:0}
    to{opacity:1}
}
@keyframes myborder{from{border-color:#fbae22}
    to{border-color:#e0e0e0}
}
@-moz-keyframes myborder{from{border-color:#fbae22}
    to{border-color:#e0e0e0}
}
@-webkit-keyframes myborder{from{border-color:#fbae22}
    to{border-color:#e0e0e0}
}
@-o-keyframes myborder{from{border-color:#fbae22}
    to{border-color:#e0e0e0}
}
@keyframes errborder{from{border-color:#e0e0e0}
    to{border-color:#fbae22}
}
@-moz-keyframes errborder{from{border-color:#e0e0e0}
    to{border-color:#fbae22}
}
@-webkit-keyframes errborder{from{border-color:#e0e0e0}
    to{border-color:#fbae22}
}
@-o-keyframes errborder{from{border-color:#e0e0e0}
    to{border-color:#fbae22}
}
/*禁止选中文字
*{
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    user-select:none;
}*/
#_result{
    padding:10px 10px 10px 10px;
}
.pinyin-content {
    width:100%;
}
.fs12{font-size:12px}
.fs14_bold{font-size:14px;font-weight:700}
.fs16{font-size:16px}
.fs16_bold{font-size:16px;font-weight:700}
.fs18{font-size:18px}
.fs18_bold{font-size:18px;font-weight:700}
.fs20{font-size:20px}
.fs20_bold{font-size:20px;font-weight:700}
.fs22{font-size:22px}
.bdradius{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
table{border-collapse:collapse}
table td{border:1px solid #ececec;padding:10px;color:#333}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}
input:-moz-placeholder,textarea:-moz-placeholder{color:#cacaca}
input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{　color:#cacaca}
#wrapper{min-width:1200px}
*{box-sizing:border-box}
body,html{background:#f2f3f4;margin:0;padding:0;font-size:14px;color:#000;font-family:'微软雅黑',Arial,Helvetica,sans-serif;height: 100%; position: relative;}
li,ul{margin:0;padding:0;list-style:none}
label{margin:0}
img{display:block; border: 0;}
input{-webkit-appearance:none}
input,select,textarea{outline:0;font-family:'微软雅黑',Arial,Helvetica,sans-serif}
input[readonly],select[disabled]{background:#f3f3f3}
input[type=number]{box-shadow: none; -moz-box-shadow: none;}
.width1200{width:1200px;margin:0 auto;text-align:left}
.pagebody{width:100%;}
#pagebox .leftside{ min-height: 610px;}
a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;text-decoration:none;cursor:pointer;-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.ainimate{transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in}
.head{width:100%;color:#000;font-size:14px;line-height:14px}
.center{margin:0 auto;width:1200px;text-align:left}
.clear{clear:both}
.head .center{text-align:left;position:relative;height: 40px;}
.head .center span{display:inline-block;padding-top:14px;cursor:pointer}
.head .center>:first-child{ cursor: auto;}
.head .center .head-right{position:absolute;right:0;top:0}
.head .center .head-right .login{line-height:40px}
.head .center .head-right ul>li{float:left;margin-left:66px;position:relative}
.head .center .head-right .name,.head .center .head-right span{position:relative}
.head .center .head-right .name i{display:block;position:absolute;top:8px;left:-30px;width:24px;height:24px;overflow:hidden;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}
.head .center .head-right .name i img{-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}
.head .center .head-right .name span::after{position:absolute;top:-2px;right:-15px;content:url(/assets/images/common/drop-down.png)}
.head .center .head-right .personal span::before{position:absolute;top:2px;right:62px;content:url(/assets/images/common/Personal-Center.png)}
.head .center .head-right .manage span::before{position:absolute;top:2px;right:62px;content:url(/assets/images/common/manage-small.png)}
.head .center .head-right .manage span::after,.head .center .head-right .personal span::after{position:absolute;top:-2px;left:64px;content:url(/assets/images/common/drop-down.png)}
.head .center .head-right .mesg span:first-child::before{position:absolute;top:1px;right:32px;content:url(/assets/images/common/message.png)}
.head .center .head-right .mesg span:last-child{display:inline-block;padding:0 3px;font-size:12px;line-height:14px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#e01f20;color:#fff;text-align:center}
.head .center .head-right>ul{height:40px;line-height:40px}
.head .center .head-right>ul span{padding-top:0;padding-left:3px}
.head .center .head-right>ul>li>ul{position:absolute;right:-30px;top:40px;display:none;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);-ms-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);z-index:100;background:#fff;margin:0}
.head .center .head-right>ul>li>ul:before{content:"";display:block;width:6px;height:6px;background-color:#fff;left:54px;top:-3px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.head .center .head-right>ul>li>ul>li{margin-left:0;float:none}
.head .center .head-right>ul>li>ul>li>a{display:block;width:114px;line-height:34px;text-align:center;background-color:#fff;border-bottom:1px solid #ececec}
.head .center .head-right>ul>li>ul>li>a:hover{color:#14cb6b}
.menu{height:76px;border-bottom:2px solid #e5e5e5;background-color:#fff; box-sizing: border-box;}
.menu .center .logo{float:left;margin-top:17px;cursor: pointer;}
.menu .center .nav{float:left;margin-left:160px}
.menu .center ul li{float:left;margin-right:10px;border-top:4px solid #fff}
.menu .center ul li a{display:block;padding:0 34px;font-size:16px;line-height:70px;border-right:1px solid #fff;border-left:1px solid #fff}
.menu .center ul li.hover,.menu .center ul li:hover{border-top:4px solid #07d569}
.menu .center ul li.hover a{/*border-right:1px solid #ececec;border-left:1px solid #ececec;*/color:#07d569;font-weight:700}
.menu .center ul li:hover a{/*border-right:1px solid #ececec;border-left:1px solid #ececec;*/color:#07d569;}
.location{line-height:40px;font-size:12px;color:#999}
.location a{color:#333}
.location a:hover{color:#07d569}
footer{width: 100%;margin-top:30px;line-height:30px;color:#666;font-size:14px;background-color:#fff;padding:20px 0;border-top:1px solid #ececec;height: 101px; box-sizing: border-box}
footer a{color:#666}
footer p{padding:0;margin:0;text-align:center}
a.btnb{color:#fcad1d;border:1px solid #fcad1d;line-height:34px;height:34px;width:90px;display:block;text-align:center;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background:#fff;transition: all 0.2s ease-out 0.2s;}
a.btnb:hover{background:#ffaf1e;color:#fff}
a.grey{color:#333;border:1px solid #ececec;background:#f9f9f9;line-height:34px;height:34px;width:90px;display:block;text-align:center;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
a.btnd{cursor:pointer;color:#fff;border:1px solid #fcad1d;line-height:34px;height:34px;width:120px;display:block;text-align:center;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background:#fcad1d;transition: all 0.2s ease-out 0.2s;}
a.btnd:hover{background:#e07900;border:1px solid #e07900}
.pagesize{padding:0 20px 20px}
.pagesize .flip{font-size:12px;color:#676a6c;position:relative}
.pagesize .flip select{text-align:center;margin:0 5px}
.pagesize .flip .flip-left{line-height:26px}
.pagesize .flip .flip-right{position:absolute;right:0;top:0}
.pagesize .flip .flip-right ul li{margin-left:8px;float:left}
.pagesize .flip .flip-right ul li a{border:1px solid #ececec;padding:0 8px;box-sizing:border-box;display:block;height:26px;line-height:24px;min-width:26px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-align:center}
.pagesize .flip .flip-right ul li a.hover,.pagesize .flip .flip-right ul li a:hover{background:#e0fdee;border:1px solid #14cb6b;transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in}
.errpop,.uipop{position:fixed;left:0;top:0;color:#ffaf1e;font-size:16px;width:100%;height:100%;z-index:999;}
.errpop .layer,.uipop .layer{background:rgba(0,0,0,.75);width:100%;height:100%;position:fixed;left:0;top:0}
.errpop .close,.uipop .close{position:absolute;font-size:18px;right:10px;top:5px;cursor:pointer}
.errpop .tipscen,.uipop .tipscen{text-align:center;line-height:20px;padding:5px 10px;font-size:12px;border:1px solid #f7d4ba;background-color:#fbf3ec;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:absolute;top:calc(50% - 90px);left:calc(50% - 242px)}
.uipop .btngroup a.no{color:#333;border:1px solid #ececec; background: #fff;}
.uipop .btngroup a.no:hover{background:#f9f9f9}
.errpop .poptitle,.uipop .poptitle{color:#333}
i.fade_e,i.fade_r{border:1px solid #f6d4b9;background:#fff4ec;color:#fbae22;display:inline-block;line-height:32px;position:fixed;left:50%;top:5px;margin:0 auto;padding:0 15px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;white-space:nowrap;width:auto;z-index:999;font-size:14px;-webkit-box-shadow:0 0 10px rgba(252,173,29,.4);-moz-box-shadow:0 0 10px rgba(252,173,29,.4);-ms-box-shadow:0 0 10px rgba(252,173,29,.4);-o-box-shadow:0 0 10px rgba(252,173,29,.4);box-shadow:0 0 10px rgba(252,173,29,.4);font-style:normal}
i.fade_r{ top: 118px;}
div.error{display:inline;margin-left:100px;color:#fbae22;line-height:20px;padding:2px;white-space:nowrap;width:auto;z-index:99;font-size:12px;animation:myfirst 1s;-moz-animation:myfirst 1s;-webkit-animation:myfirst 1s;-o-animation:myfirst 1s}
#pop,#pop2{width:100%;height:100%;position:fixed;left:0;top:0;bottom:0;right:0;z-index:998;}
#pop2{display:block}
#pop .layer,#pop2 .layer{background:rgba(0,0,0,.3);width:100%;height:100%}
.show_pop{width:405px;text-align:left;display:block;position:fixed;left:50%;margin-left:-202px;top:50%;margin-top:-119px;background:#fff;overflow:hidden}
.show_pop.success{width:330px;margin-left:-165px}
.show_pop .poptitle{line-height:40px;height:40px;border-bottom:1px solid #e5e5e5;background:#f5f5f5}
.show_pop .poptitle i{float:right;width:12px;height:12px;display:block;background:url(/assets/images/common/close.png) no-repeat 0 0;margin-top:14px;margin-right:20px;cursor:pointer}
.show_pop .poptitle span{padding-left:20px}
.show_pop .popdis{text-align:center;line-height:30px;padding:24px 0;margin:0 20px}
.show_pop .popdis a{ color: #ffaf1e;}
.show_pop .popdis .con label{
    width: 70px;
    text-align: center;
    display: inline-block;
    color: #333;
    float: left;
    line-height: 30px;
    font-size: 14px;
}
.show_pop .popdis .con textarea{
    border: 1px solid #cacaca;
    padding: 10px;
    border-radius: 2px;
    width: 270px;
    height: 100px;
    resize: none;
    font-size: 14px;
    display: block;
}
.btngroup{font-size:0;text-align:center;padding-bottom:24px}
.btngroup a{display:inline-block;width:120px;height:34px;text-align:center;line-height:34px;color:#333;border:1px solid #ececec;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;font-size:14px;cursor:pointer}
.btngroup a:hover{background:#f9f9f9}
.btngroup a:first-child{margin-right:12px;background:#fcad1d;color:#fff;border:1px solid #fcad1d}
.btngroup a:first-child:hover{border:1px solid #e07900;background:#e07900}
#space{width:100%;height:34px;background:#f3f3f3;margin-top:20px;color:#999;text-align:center;line-height:34px}
.errpop .show_pop{width:215px;margin-left:-107px}
.errpop .show_pop .popdis{font-size:14px}
.errpop .show_pop .popdis span{width:20px;font-size:14px;line-height:20px;position:relative;left:-10px;height:20px;color:#fff;background:#fcad1d;display:inline-block;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px}
.fade-enter-active,.fade-leave-active{transition:opacity .5s}
.fade-enter,.fade-leave-to{opacity:0}
.over100{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;width: 100px;margin: 0 auto;}
.over150{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;width: 150px;margin: 0 auto;}
.over180{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;width: 180px;margin: 0 auto;}
.over200{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 200px;margin: 0 auto;}
.over300{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;width: 300px;margin: 0 auto;}
.overtxt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;width: 90px;margin: 0 auto;}
.nomoredata{height:148px;width:115px;margin:40px auto;background:url(/assets/images/common/nodata.png) no-repeat 0 0}
.noneresult{text-align: left;height:148px;width:115px;margin:40px auto;background:url(/assets/images/common/noresult.png) no-repeat 0 0; overflow: hidden;  text-indent: -9999px;}
.nonepermiss{text-align:center;padding:200px auto;}
#loading{z-index:999; position: fixed; background: rgba(0,0,0,0);left: 50%; top: 50%;}
#loading{width:50px;height:50px;text-align:center;font-size:10px;margin-left:-25px;margin-top:-25px}
#loading>div{background-color:#67CF22;height:100%;width:4px;display:inline-block;margin-left:2px;border-radius:2px;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
#loading .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
#loading .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
#loading .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
#loading .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}
    20%{-webkit-transform:scaleY(1)}
}
@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}
    20%{transform:scaleY(1);-webkit-transform:scaleY(1)}
}

.warning{
    display: block;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    background: #FFFBE6;
}
.warning a{
    color: #288CFC;
}
.warning i{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top:4px;
    background: url('/assets/images/common/warning-o.png') no-repeat center center;
}
.robotPic{
    float:right;
    margin-top:17px;
    cursor: pointer;
    position: relative;
    height:60px;
}

.robotPic:hover .robot{
    display: block;
}

.robot{
    width:260px;
    float: right;
    text-align: left;
    padding:10px 30px;
    background:#fff;
    border-radius: 4px;
    display: none;
    position: absolute;
    right:0;
    top:60px;
    z-index: 100;
    box-shadow: 0 0 8px rgba(155, 155, 155, 0.5);
}
.robot .title{
    font-size:16px;
    color:#999999;
    line-height:26px;
    
}

.robot .qusType span{
    display:inline-block;
    font-size: 14px;
    color:#4d4d4d;
    line-height: 30px;
}

.robot .qusType span i{
    display:inline-block;
    width:4px;
    height:4px;
    border-radius: 2px;
    background:#999999;
    position: relative;
    right:4px;
    top:-2px;
}

.robot .linkToRobot{
    width:100%;
    border-top: 1px solid #ededed;
    margin-top:10px;
}

.robot .linkToRobot .s_btn{
    display: inline-block;
    margin: 10px 20px 0 10px;
}

.robot .linkToRobot .s_btn i{
    display:inline-block;
    width:20px;
    height:20px;
    background:url('') center no-repeat;
}

.robot .linkToRobot .s_btn span{
    color:#14cb6b;
    position: relative;
    top:-4px;
    margin-left: 5px;
}

.robot .linkToRobot .e_btn i{
    display:inline-block;
    width:20px;
    height:20px;
    background:url('') center no-repeat;
}

.robot .linkToRobot .e_btn span{
    color:#515151;
    position: relative;
    top:-4px;
    margin-left: 5px;
}